<template>
    <el-container>
            <el-header>
                <el-menu
                    class="el-menu-demo"
                    mode="horizontal"
                    :ellipsis="false"
                >
                    <el-menu-item index="0">
                    <img
                        style="width: 100px"
                        src="../../assets/bg.jpg"
                        alt="Element logo"
                    />
                    </el-menu-item>
                    <el-menu-item index="1">菜单1</el-menu-item>
                    <el-sub-menu index="2">
                    <template #title>菜单2</template>
                    <el-menu-item index="2-3">菜单21</el-menu-item>
                    <el-sub-menu index="2-4">
                        <template #title>菜单22</template>
                        <el-menu-item index="2-4-1">菜单221</el-menu-item>
                        <el-menu-item index="2-4-2">菜单222</el-menu-item>
                    </el-sub-menu>
                    </el-sub-menu>
                </el-menu>
            </el-header>
            <el-main>
                <router-view></router-view>
            </el-main>
        </el-container>
</template>

<script setup>

</script>

<style lang="scss" scoped>

</style>